<div class="widgets">

    <div class="row">
        <div class="col-lg-3 col-md-6" ba-panel>
            <div class="kameleon-icon with-round-bg warning col-lg-4 col-xs-4 padding0">
                <img src="assets/img/theme/icon/kameleon/Surfer.svg">
            </div>
            <div class="col-lg-8 col-xs-8 text-left">
                <div>&nbsp;</div>
                <div class="row text-warning">
                    <h5 class="col-xs-6">{{statistics_data.newuser}}</h5>
                    <h5 class="col-xs-2">
                        <span class="glyphicon glyphicon-arrow-up" aria-hidden="true" ng-if="user_Proportion>0"></span>
                        <span class=" ion-arrow-down-c" aria-hidden="true" ng-if="user_Proportion<0"></span>
                        <span class=" ion-minus-round" aria-hidden="true" ng-if="user_Proportion==0"></span>
                    </h5>
                    <h5 class="col-xs-3">
                        {{user_Proportion}}%
                    </h5>
                </div>
                <div class="row text-warning">
                    <h5 class="col-lg-12 col-xs-12">新注册用户</h5>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6" ba-panel>
            <div class="kameleon-icon with-round-bg info col-lg-4 col-xs-4 padding0"><img src="assets/img/theme/icon/kameleon/Medal-2.svg"></div>
            <div class="col-lg-8 col-xs-8 text-left">
                <div>&nbsp;</div>
                <div class="row text-danger ">
                    <h5 class="col-xs-6">{{statistics_data.totleuser}}</h5>
                </div>
                <div class="row">
                    <h5 class="col-lg-12 col-xs-12">用户累计</h5>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6" ba-panel>
            <div class="kameleon-icon with-round-bg success col-lg-4 col-xs-4 padding0"><img src="assets/img/theme/icon/kameleon/Ninja.svg"></div>
            <div class="col-lg-8 col-xs-8 text-left">
                <div>&nbsp;</div>
                <div class="row text-success">
                    <h5 class="col-xs-6">{{statistics_data.appday}}</h5>
                </div>
                <div class="row text-success">
                    <h5 class="col-lg-12 col-xs-12">日活跃用户</h5>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6" ba-panel>
            <div class="kameleon-icon with-round-bg danger col-lg-4 col-xs-4 padding0">
                <img src="assets/img/theme/icon/kameleon/Money-Increase.svg">
            </div>
            <div class="col-lg-8 col-xs-8 text-left">
                <div>&nbsp;</div>
                <div class="row text-danger">
                    <h5 class="col-xs-6">{{statistics_data.amount/100|currency:'￥'}}</h5>
                </div>
                <div class="row text-danger">
                    <h5 class="col-lg-12 col-xs-12">红包累计（元）</h5>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6" ba-panel>
            <div class="kameleon-icon with-round-bg primary col-lg-4 col-xs-4 padding0">
                <img ng-src="assets/img/theme/icon/kameleon/Online-Shopping.svg" src="assets/img/theme/icon/kameleon/Online-Shopping.svg">
            </div>
            <div class="col-lg-8 col-xs-8 text-left">
                <div>&nbsp;</div>
                <div class="row text-primary">
                    <h5 class="col-xs-6">{{statistics_data.newbind}}</h5>
                    <h5 class="col-xs-2">
                        <span class="glyphicon glyphicon-arrow-up" aria-hidden="true" ng-if="newbind>0"></span>
                        <span class=" ion-arrow-down-c" aria-hidden="true" ng-if="newbind<0"></span>
                        <span class=" ion-minus-round" aria-hidden="true" ng-if="newbind==0"></span>
                    </h5>
                    <h5 class="col-xs-3">
                        {{newbind}}%
                    </h5>
                </div>
                <div class="row text-primary">
                    <h5 class="col-lg-12 col-xs-12">新注册设备</h5>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6" ba-panel>
            <div class="kameleon-icon with-round-bg success col-lg-4 col-xs-4 padding0"><img src="assets/img/theme/icon/kameleon/Programming.svg"></div>

            <div class="col-lg-8 col-xs-8 text-left">
                <div>&nbsp;</div>
                <div class="row text-success">
                    <h5 class="col-xs-6">99</h5>
                </div>
                <div class="row text-success">
                    <h5 class="col-lg-12 col-xs-12">设备累计</h5>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6" ba-panel>
            <div class="kameleon-icon with-round-bg primary col-lg-4 col-xs-4 padding0"><img src="assets/img/theme/icon/kameleon/Batman.svg"></div>
            <div class="col-lg-8 col-xs-8 text-left">
                <div>&nbsp;</div>
                <div class="row text-primary">
                    <h5 class="col-xs-6">{{statistics_data.appmonth}}</h5>
                </div>
                <div class="row  text-primary">
                    <h5 class="col-lg-12 col-xs-12">月活跃用户</h5>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6  " ba-panel>
            <div class="kameleon-icon with-round-bg success col-lg-4 col-xs-4 padding0"><img src="assets/img/theme/icon/kameleon/Love-Letter.svg"></div>
            <div class="col-lg-8 col-xs-8 text-left">
                <div>&nbsp;</div>
                <div class="row text-success">
                    <h5 class="col-xs-6">{{statistics_data.number}}</h5>
                </div>
                <div class="row text-success">
                    <h5 class="col-lg-12 col-xs-12 ">健康豆累计（元）</h5>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12" ba-panel ba-panel-title="占比数据统计" ba-panel-class="with-scroll">
            <div ng-if="tpo==1" ng-include="'app/pages/console/cons/statistics/statistics.html'"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12" ba-panel ba-panel-title="折线数据统计" ba-panel-class="with-scroll">
            <div ng-include="'app/pages/console/cons/statistics/line/linear1.html'"></div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12" ba-panel ba-panel-title="最新30理疗用户" ba-panel-class="with-scroll">
            <div ng-include="'app/pages/console/cons/users/user.html'"></div>
        </div>
    </div>

</div>